// pages/article/detail/index.js
import { queryArticleItemAll } from '../../../services/article/article';
import { addVisted } from '../../../services/visited/visited';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    id:0,
    percentage:0,
    current:0,
    total:10,
    articleItemList:[],
    preShow:false,
    nextShow:true,
    articleData:{id:1,pid:1,url:"",content:""},
    img1: 'https://tdesign.gtimg.com/mobile/demos/example1.png',
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

    const { spuId } = options;
    // console.log("文章详情页 article/details/index");
    console.log(options);
    this.setData({
      id: spuId,
    });
    // 这边得根据id来获取 合集内容
    queryArticleItemAll({
      pid:spuId
    }).then(res=>{
      this.setData({
        articleItemList: res.data.data,
        total: res.data.data.length
      })
      this.updateData(0)
    }).catch(error=>{
      Toast({
        context: this,
        selector: '#t-toast',
        message: '网络发生错误',
        icon: '',
        duration: 1000,
      });
    })
  },
  // 点击了上一个按钮
  pre(){
    console.log("article-detail 点击了上一个按钮");
    if(this.data.current<=0){
      // 如果已经到 0 的话，则不进行任何处理
      return
    }
    // 如果没有到第一个的话，则进行数据切换
    this.updateData(this.data.current-1)
  },
  next(){
    console.log("article-detail 点击了下一个按钮");
    // 已经是最后一个了
    if(this.data.current>=this.data.articleItemList.length-1){
      return
    }
    // 如果没有到最后一个的话，则进行数据切换
    this.updateData(this.data.current+1)
  },
  updateData(index){
    // console.log(index);
    // console.log((index+1) /this.data.total *100.0);
    this.setData({
      current:index,
      articleData:this.data.articleItemList[index],
      percentage: (index+1) /this.data.total *100.0
    })
    // 这里进行学习
    addVisted({
      id:this.data.articleData.id
    }).then(res=>{
      console.log(res.data);
    }).catch(error=>{
      console.log("发生错误");
    })
    this.updateStatus()
  },
  updateStatus(){
    this.setData({
      nextShow:true,
      preShow:true,
    })
    if(this.data.current<=0){
      this.setData({
        preShow:false,
      })
    }
    if(this.data.current>=this.data.articleItemList.length-1){
      this.setData({
        nextShow:false
      })
    }
  },
  getData(){

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})